<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>微信官网</title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
                list-style: none;
            }
            .header{
                height: 74px;
                background: url('images/bg.jpg') repeat-x;
            }
            .banner{
                height: 424px;
                background: gray;
                border-bottom: 1px solid white;
            }
            .con{
                width: 1200px;
                height: 377px;
                margin: 47px auto 31px;
                background: white;
                border-bottom: 1px solid black;
            }
            .foot{
                width: 968px;
                height: 50px;
                margin: 0px auto;
               
            }
           .head h1{
               float: left;
           }
            .head ul{
                float: right;
            }
            .head li{
                float: left;
                margin-top: 10px;
                margin-right: 15px;
                padding: 14px;
            }
            .head img{
                width: 123px;
                margin-top: 14px;
            }
            .head:hover(){
                background: black;
                border-radius: 10px;
            }
            .head a{
                font-size: 15px;
                color: white;
                text-decoration: none;
            }
            .banner .ban{
                width: 968px;
                margin: 0px auto;
            }
            .banner .left{
                float: left;
            }
            .banner .right{
                float: right;
            }
            .con .right{
                float: right;
            }
            .con .left img{
                width: 629px;
            }
            .con .left li{
                float: left;
                width: 217px;
            }
            .con .left .last{
                width: 1;
            }
            .list{
                float: right;
            }
            .list li{
                width: 500px;
            }
            .list span {
                float: right;
            }
            i{
                color:  red;
            }

        </style>
    </head>
    <body>
        <div class="header">
            <div class="head">
                <h1>
                    <a href="">
                        <img src="images/logo.png" alt="">
                    </a>
                </h1>
                <ul>
                    <li>
                        <a href="https://weixin.qq.com/" target="_blank">首页</a>
                    </li>
                    <li>
                        <a href="https://kf.qq.com/product/weixin.html" target="_blank">帮助与反馈</a>
                    </li>
                    <li> 
                        <a href="https://mp.weixin.qq.com/" target="_blank">公众平台</a>
                    </li>
                    <li>
                        <a href="https://open.weixin.qq.com/" target="_blank">开放平台</a>
                    </li>
                    <li>
                        <a href="https://ad.weixin.qq.com/" target="_blank">微信支付</a>
                    </li>
                    <li>
                        <a href="https://work.weixin.qq.com/" target="_blank">企业微信</a>
                    </li>
                    <li>
                        <a href="https://sticker.weixin.qq.com/cgi-bin/mmemoticon-bin/loginpage?t=login/index" target="_blank">表情开放平台</a>
                    </li>
                    <li>
                        <a href="https://wx.qq.com/" target="_blank">微信网页版</a>
                    </li>
                </ul>
            </div>
        </div>
            <div class="banner">
                <div class="ban">
                    <div class="left">
                        <h2>微信是一个生活方式</h2>
                        <ul>
                            <li>超过十亿人使用的手机应用</li>
                            <li>支持发送语音短信、视频、图片和文字</li>
                            <li>可以群聊，仅耗少量流量，适合大部分智能手机</li>
                            
                        </ul>
                        <img src="images/down.png" alt="">
                        <li>忘记了微信帐号或密码？</li>
                            <li>自助解除登录或功能限制</li>
                            <li>冻结或解冻微信帐号</li>
                    </div>
                    <img src="images/com.png" alt="" class="right">
                </div>
            </div>
        <div class="con">
            <div class="left">
                <img src="images/b.png" alt="">
                <ul>
                    <li>
                        <h6>微信网页版</h6>
                        <p>扫一扫二维码</p>
                        <p>就能在浏览器上用微信</p>
                        <a href="https://wx.qq.com/" target="_blank">了解更多</a>
                    </li>
                    <li>
                        <h6>微信 Mac 版</h6>
                        <p>极致简洁，迅捷沟通</p>
                        <a href="https://mac.weixin.qq.com/" target="_blank">了解更多</a>
                    </li>
                    <li>
                        <h6>微信 Windows 版</h6>
                        <p>让沟通更方便</p>
                        <a href="https://pc.weixin.qq.com/" target="_blank">了解更多</a>
                    </li>
                </ul>
            </div>
            <div class="right">
                <ul class="list">
                    <li>微信 8.0.7 for iOS 正式版发布 <i>New</i> <span>06-06</span></li>
                    <li>微信8.0.6 for Android 正式版发布<i>New</i><span>05-27</span></li>
                    <li>微信3.0.0 for Mac 正式版发布 <i>New</i> <span>03-29</span></li>
                    <li>微信 3.2.1 for Windows 正式版发布 <i>New</i><span>03-22</span></li>
                    <li>关于部分 iOS 9 用户无法更新微信<i>New</i><span>01-28</span></li>
                    <li>微信外部链接内容管理规范<span>02-11</span></li>
                    <li>微信网页版 2.1 版本发布<span>01-17</span></li>
                    <li>微信表情开放平台上线<span>07-29</span></li>
                    <li>官方辟谣公众号开通<span>10-28</span></li>
                </ul>
            </div>
        </div>
        <div class="foot">
                <p>关于腾讯 | 服务条款 | 使用规范 | 客服中心 | 隐私保护指引</p>
                <p> © 1998 - 2021 Tencent Inc. All Rights Reserved</p> 
                <p> 简体中文 |  繁體中文 |  English</p>
                   
                    
        </div>
        
    </body>
</html>
